<!DOCTYPE html>
<html lang="es">
<head>
	<%@ include file="/jsp/fragments/include.jsp" %>
	<title>Abel Personnel - Personnel Application - Work History</title>
	<meta charset="utf-8"/>
	<meta name="description" CONTENT="Abel Personnel application"/>
	<meta name="keywords" CONTENT="Abel, Abel Personnel, Personnel, Personnel Application, Temporary Job, Temporary, Consulting, Job, Harrisburg"/>

	<link type="text/css" href="jsp/lib/css/main.css" rel="stylesheet"/>

	<!--[if lt IE 8]>
		<link rel="stylesheet" type="text/css" media="all" href="jsp/lib/css/ie6.css"/>
	<![endif]-->

	<!--[if IE]>
		<link rel="stylesheet" type="text/css" media="all" href="jsp/lib/css/ie.css"/>
	<![endif]-->

  <!-- BRAND CSS -->
	<link type="text/css" href="jsp/brand/abel/brand.css" rel="stylesheet"/>

</head>
<body class="workExperience form" id="index">

	<!-- HEADER -->
	<div id="header" class="body">
		<header class="body" id="banner">
			<h1><a href="#">Abel Personnel</a></h1>
			<div class="description">
	      Personal Touch -- Professional Quality
	      <br/>
	      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"We stake our reputation on the people who work for you"
	    </div>
		</header>
	</div>

	<!-- CONTENT -->
	<div id="section" class="body">
		<section class="body" id="content">
			<div class="user">${workExperienceView.salutation} &nbsp;&nbsp; <span class="userLinks">[<a href="dashboard.xhtm">User Dashboard</a>] &nbsp; [<a href="logout.xhtm">Sign Out</a>]</span></div>

			<!-- FEATURED AREA / BREADCRUMBS / PROGRESS -->
			<h2>Personnel Application: <span class="nobold">Work Experience</span></h2>

       	<c:forEach items="${workExperienceView.workList}" var="work" varStatus="varStatus">

			<form:form method="post" commandName="workExperienceView.workList[${varStatus.index}]"  action="workexperience.xhtm">
             	<c:choose>
	             	<c:when test="${workExperienceView.editId != 0 && work.wrkHistId == workExperienceView.editId}">
				<p>
					<spring:hasBindErrors name="workExperienceView">
						<div class="error">
							<span class="errorHeading">Please correct the following error(s).</span>
			             	<c:forEach items="${errors.allErrors}" var="error">
			                	<span class="errorDetail"><spring:message code="${error.code}" text="${error.defaultMessage}"/></span>
			             	</c:forEach>
			         	</div>
			     	</spring:hasBindErrors>
				</p>

						<div class="fieldset cancelFields">
							<div class="text requiredfieldmessage">
								Items with an asterisk(<span class="req">*</span>) are required
							</div>
							<fieldset>
							<legend>Work Experience</legend>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkStartDate"><span class="req">*</span> Start Date (mm/dd/yyyy):</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkStartDate" />
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkEndDate"> End Date (mm/dd/yyyy or leave blank):</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkEndDate" />
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkCompanyName"><span class="req">*</span> Company Name:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkCompanyName" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkAddrLine1"><span class="req">*</span> Address:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkAddrLine1" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkAddrLine2"></label>
								  </div>
								  <div class="column2">
									<form:input path="wrkAddrLine2" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkCity"><span class="req">*</span> City:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkCity" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkState"><span class="req">*</span> State:</label>
								  </div>
								  <div class="column2">
											
								  	<form:select path="wrkState">
										<form:option value=""></form:option>
										<c:forEach items="${workExperienceView.states}" var="temp">
											<c:choose>
												<c:when test="${temp.stateCode == work.wrkState}">
													<option value="${temp.stateCode}" selected="selected">
	              										<c:out value="${temp.stateName}"/>
	            									</option>
												</c:when>
												<c:otherwise>
													<option value="${temp.stateCode}">
														<c:out value="${temp.stateName}"/>
													</option>
												</c:otherwise>
											</c:choose>
										</c:forEach>
									</form:select>
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkZip"><span class="req">*</span> ZIP:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkZip" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkBusinessType"><span class="req">*</span> Type of Business:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkBusinessType" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkPosition"><span class="req">*</span> Position Held:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkPosition" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkResponsibility"><span class="req">*</span> Responsibilities:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkResponsibility" size="60" maxlength="190" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkSupervisorName"><span class="req">*</span> Name of Supervisor:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkSupervisorName" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkGrossPay"><span class="req">*</span> Gross Pay:</label>
								  </div>
								  <div class="column2">
								    <form:radiobutton path="wrkPayMode" value="annual"/>Annual
								    <form:radiobutton path="wrkPayMode" value="hourly"/>Hourly
									<form:input path="wrkGrossPay" size="4"/>
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkLeaveReason"><span class="label"></span> Reason for Leaving:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkLeaveReason" size="40" maxlength="90"/>
							  	  </div>
							  </div>
							  <div style="clear:left"></div>
							  <div class="editEntry">
							  	<input type="button" name="add" value="" class="iconicButton addButton" title="Save Data" onclick="submit(this.form)"/>
							  	&nbsp;
							  	<input type="button" name="cancel" value="" class="iconicButton cancelButton" title="Cancel Edit" onclick="window.location='workexperience.xhtm'" />
							  </div>
							</fieldset>
						</div>
					</c:when>
					<c:otherwise>
						<div class="fieldset">
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Start Date:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkStartDate}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">End Date:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkEndDate}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Company Name:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkCompanyName}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								<div class="column1 left">
							  		<span class="label">Address:</span>
								</div>
								<div class="column2">
									<span class="data">${work.wrkAddrLine1}</span>
								</div>
							  </div>
							  <div class="columns-2">
								<div class="column1 left">
							  		<span class="label">&nbsp;</span>
								</div>
								<div class="column2">
									<span class="data">${work.wrkAddrLine2}</span>
								</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">City:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkCity}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">State:</span>
								  </div>
								  <div class="column2">
										<span class="data">${workExperienceView.getWrkStateName(work.wrkState)}</span>
							  	</div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">ZIP:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkZip}</span>
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Type of Business:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkBusinessType}</span>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Position Held:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkPosition}</span>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Responsibilities:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkResponsibility}</span>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Name of Supervisor:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkSupervisorName}</span>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Gross Pay:</span>
								  </div>
								  <div class="column2">
								  <c:choose>
									<c:when test="${work.wrkGrossHourlyPay != 0}">
										<span class="data">${work.wrkGrossHourlyPay}&nbsp;[Hourly]</span>
									</c:when>
									<c:otherwise>
										<span class="data">${work.wrkGrossAnnualPay}&nbsp;[Annual]</span>
									</c:otherwise>
								</c:choose>
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<span class="label">Reason for Leaving:</span>
								  </div>
								  <div class="column2">
										<span class="data">${work.wrkLeaveReason}</span>
								  </div>
							  </div>
							  <div style="clear:left"></div>
							  <div class="editEntry">
							  		<input type="button" name="editEntry" value="" class="iconicButton editButton" title="Edit Work Experience" onclick="window.location='workexperience.xhtm?editId='+${work.wrkHistId}"/>
							  		<input type="button" name="removeEntry" value="" class="iconicButton deleteButton" title="Delete Work Experience" onclick="window.location='workexperience.xhtm?delId='+${work.wrkHistId}"/>
							  </div>
							</div>
						</c:otherwise>
					</c:choose>
				</form:form>
           	</c:forEach>
        <c:if test="${workExperienceView.editId == 0}">
        	
			<p>
				<spring:hasBindErrors name="workExperienceView">
					<div class="error">
						<span class="errorHeading">Please correct the following error(s).</span>
		             	<ul>
			             	<c:forEach items="${errors.allErrors}" var="error">
			                	<li><spring:message code="${error.code}" text="${error.defaultMessage}"/></li>
			             	</c:forEach>
		             	</ul>
		         	</div>
		     	</spring:hasBindErrors>
			</p>
			<div class="fieldset cancelFields">
			<p class="text smallhelpfulfieldtext">
				Beginning with most recent or current position.  You may enter a maximum of four jobs.
			</p>
				<form:form method="post" commandName="workExperienceView"  action="workexperience.xhtm">
					<fieldset>
							<div class="text requiredfieldmessage">
								Items with an asterisk(<span class="req">*</span>) are required
							</div>
							
							<legend>Work Experience</legend>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkStartDate"><span class="req">*</span> Start Date (mm/dd/yyyy):</label>
								  </div>
								  <div class="column2">
 									<form:input path="wrkStartDate" />
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkEndDate"> End Date (mm/dd/yyyy or leave blank):</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkEndDate" />
								  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkCompanyName"><span class="req">*</span> Company Name:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkCompanyName" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkAddrLine1"><span class="req">*</span> Address:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkAddrLine1"  size="30" maxlength="75" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkAddrLine2"></label>
								  </div>
								  <div class="column2">
									<form:input path="wrkAddrLine2"  size="30" maxlength="50" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkCity"><span class="req">*</span> City:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkCity" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkState"><span class="req">*</span> State:</label>
								  </div>
								  <div class="column2">
									  	<form:select path="wrkState">
											<form:option value=""></form:option>
											<c:forEach items="${workExperienceView.states}" var="temp">
												<c:choose>
													<c:when test="${temp.stateCode == workExperienceView.wrkState}">
														<option value="${temp.stateCode}" selected="selected">
		              										<c:out value="${temp.stateName}"/>
		            									</option>
													</c:when>
													<c:otherwise>
														<option value="${temp.stateCode}">
															<c:out value="${temp.stateName}"/>
														</option>
													</c:otherwise>
												</c:choose>
											</c:forEach>
										</form:select>
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkZip"><span class="req">*</span> ZIP:</label>
								  </div>
								  <div class="column2">
										<form:input path="wrkZip" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkBusinessType"><span class="req">*</span> Type of Business:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkBusinessType"  size="45" maxlength="45" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkPosition"><span class="req">*</span> Position Held:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkPosition" size="45" maxlength="45" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkResponsibility"><span class="req">*</span> Responsibilities:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkResponsibility" size="60" maxlength="190" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkSupervisorName"><span class="req">*</span> Name of Supervisor:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkSupervisorName" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkPayMode"><span class="req">*</span> Pay:</label>
								  </div>
								  <div class="column2">
									<form:radiobutton path="wrkPayMode" value="hourly" />Hourly
									<form:radiobutton path="wrkPayMode" value="annual"/>Annual
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkGrossPay"><span class="req">*</span> Gross Pay:</label>
								  </div>
								  <div class="column2">
									<form:input path="wrkGrossPay" />
							  	  </div>
							  </div>
							  <div class="columns-2">
								  <div class="column1 left">
							  		<label for="wrkLeaveReason"> Reason for Leaving:</label>
								  </div>
								  <div class="	">
									<form:input path="wrkLeaveReason" size="40" maxlength="90"/>
							  	  </div>
							  </div>
						  <div style="clear:left"></div>
						  <div class="editEntry">
						  	<input type="button" name="add" value="" class="iconicButton addButton" title="Save Data and Add More Work Experience" onclick="submit(this.form)"/>
						  	&nbsp;
						  	<input type="button" name="cancel" value="" class="iconicButton cancelButton" title="Clear Data" onclick="window.location='workexperience.xhtm'" />
						  </div>
						</fieldset>
				<div class="formFooter">
					<input type="button" name="previous" value="Previous" class="button" onclick="location.href='helpfulinformation.xhtm'"/> &nbsp;
					<input type="button" name="next" value="Save and Add Another" class="button" onclick="submit(this.form)"/> &nbsp;
					<input type="button" name="next" value="Continue &gt;" class="button" onclick="location.href='desiredpositions.xhtm'"/>
				</div>
					</form:form>
					</div>
			</c:if>
		</section>
	</div>

	<!-- FOOTER -->
	<div id="footer">
		<footer id="contentinfo">
			<p class="copyright">&copy; <a href="http://www.abelpersonnel.com">Abel Personnel, Inc.</a>  All rights reserved</p>
		</footer>
	</div>

</body>
</html>
